<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>填写相关资料</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="/static/wx/lib/sui/sm.min.css">
    <link rel="stylesheet" href="/static/wx/lib/sui/sm-extend.min.css">
    <link rel="stylesheet" href="/static/wx/css/reset.css">
    <link rel="stylesheet" href="/static/wx/css/main.css">
    <link rel="stylesheet" href="/static/wx/css/public_main.css">
</head>

<body>
    <div class="page-group">
        <div class="page page-current" id="">
            <!-- 主内容 -->
            <div class="content">
                <div class="setp-card">
                    <div class="step-box">
                        <div class="step-item selected">
                            <div class="step-item-line"><span></span></div>
                            <div class="step-item-text size-65 text-c">参与竞价</div>
                        </div>
                        <div class="step-item selected">
                            <div class="step-item-line"><span></span></div>
                            <div class="step-item-text size-65 text-c">看货信息</div>
                        </div>
                        <div class="step-item selected">
                            <div class="step-item-line"><span></span></div>
                            <div class="step-item-text size-65 text-c">提货信息</div>
                        </div>
                        <div class="step-item">
                            <div class="step-item-line"><span></span></div>
                            <div class="step-item-text size-65 text-c">收款信息</div>
                        </div>
                        <div class="step-item">
                            <div class="step-item-line"><span></span></div>
                            <div class="step-item-text size-65 text-c">递交委托书</div>
                        </div>
                    </div>
                    <div class="size-65 text-c">
                        以下提货信息，将作为拍卖后提货的法律依据
                    </div>
                </div>
                <div class="bs-box">
                    <div class="bs-box-content">
                        <div class="bs-box-inner">
                            <div class="bs-box-content-item size-m">
                                <div>提货是否需要支付其他费用</div>
                                <div>
                                    <div class="row round">
                                        <div class="col-50"><label class="size-65"><input type="radio" name="is_pay" value="1"
                                        {if(isset($info))}{if($info.is_pay == 1)}checked="checked"{/if}{/if}> <i></i>
                                                参与
                                            </label></div>
                                        <div class="col-50"><label class="size-65"><input type="radio" name="bid" name="is_pay" value="2"
                                        {if(isset($info))}{if($info.is_pay == 2)}checked="checked"{/if}{/if}> <i></i>
                                                不参与
                                            </label></div>
                                    </div>
                                </div>
                                <div>
                                    <div>
                                        <textarea class="size-m" type="text" id="pay_result" placeholder="请填写需要支付的详细费用，以免产生纠纷" style="width: 100%;">{$info.pay_result | default=null}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="bs-box-content-item">
                                <p class="size-m">提货详细说明</p>
                                <div>
                                    <textarea class="size-m" type="text" id="bol_info" placeholder="请填写提货前所需的资料和相关手续的详细要求" style="width:100%">{$info.bol_info | default=''}</textarea>
                                </div>
                            </div>
                            <div class="bs-box-content-item width-link size-m border-b-none">
                                <div>提货地址</div>
                                <div><input placeholder="请选择省市区" id="bol_address" value="{$info.bol_province} {$info.bol_city} {$info.bol_town}"></div>
                            </div>
                            <div class="bs-box-content-item" style="padding: 0px;">
                                <div><input type="text" placeholder="详细门牌地址" class="size-m" name="bol_address_detail" value="{$info.bol_address_detail | default=''}"></div>
                            </div>
                            <div class="bs-box-content-item">
                                <p class="size-m">联系人</p>
                                <div><input type="text" placeholder="请填写姓名" class="size-m" name="bol_linkman" value="{$info.bol_linkman | default=''}"></div>
                            </div>
                            <div class="bs-box-content-item">
                                <p class="size-m">手机号</p>
                                <div><input type="text" placeholder="请填写手机号" class="size-m" name="bol_phone" value="{$info.bol_phone | default=''}"></div>
                            </div>
                            <div class="bs-box-content-item width-link">
                                <p class="size-m">提货时限</p>
                                <div>
                                    <input type="text" placeholder="" class="size-m" id="bol_days" {if isset($info.bol_days)}value="竞价拍卖后{$info.bol_days}天内"{else /}value=""{/if} style="font-size:.65rem;width:150px;text-align:right;">
                                    <span class="size-m">提货</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="btn-box" style="margin-top: 1rem;">
                    <div class="flex">
                        <div class="pre-step my-btn" style="width: 47%;"><span style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" onclick="window.history.go(-1)">上一步</span></div>
                        <div class="pre-step my-btn" style="width: 47%;"><span class="active" id="submit">下一步</span></div>
                        <input type="hidden" id="i_id" value="{$info.i_id | default=''}">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript' src='/static/wx/lib/sui/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/static/wx/lib/sui/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/static/wx/lib/sui/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/static/wx/lib/sui/sm-city-picker.min.js' charset='utf-8'></script>
    <script>

        var n = $('.step-box').children().length;
        $('.step-item').css('width', document.body.clientWidth / n + 'px');
        $(function () {
            var arr = [];
            getArr();
            function getArr() {
                $.ajax({
                    type: 'POST',
                    url: "{:url('/wx/Insurant/getBolDays')}",
                    data: {},
                    dataType: 'json',
                    async: false,
                    success: function (data) {
                        $.each(data.arr,function(i,v){
                            arr[i] = v.it_name;
                        });
                    }
                });
            }

        $('#submit').on('touchend',function(){
            var i_id = $('#i_id').val();
            var is_pay = $('input[name="is_pay"]:checked').val();
            var pay_result = $('#pay_result').val();
            var bol_info = $('#bol_info').val();
            var bol_address = $('#bol_address').val();
            var bol_address_detail = $('input[name="bol_address_detail"]').val();
            var bol_days = $('#bol_days').val();
            var bol_linkman = $('input[name="bol_linkman"]').val();
            var bol_phone = $('input[name="bol_phone"]').val();
            if (is_pay == null) {
                $.alert('请选择是否参与');
                return;
            }
            if (pay_result == "") {
                $.alert('请填写需要支付的详细费用');
                return;
            }
            if (bol_info == "") {
                $.alert('请填写提货详细说明');
                return;
            }
            if (bol_address.length == 0) {
                $.alert('请选择省市区');
                return;
            }
            if (bol_address_detail.length == 0) {
                $.alert('请填写详细地址');
                return;
            }
            if (bol_linkman.length == 0) {
                $.alert('请填写联系人');
                return;
            }
            if (bol_phone.length == 0) {
                $.alert('请填写手机号');
                return;
            }
            if (bol_days == 0) {
                $.alert('请填写提货时限');
                return;
            }
            $.ajax({
                url:'/wx/insurant/saveBolInfo',
                type:'post',
                dataType:'json',
                data:{
                    'is_pay':is_pay,
                    'pay_result':pay_result,
                    'bol_info':bol_info,
                    'bol_address':bol_address,
                    'bol_address_detail':bol_address_detail,
                    'bol_days':bol_days,
                    'bol_linkman':bol_linkman,
                    'bol_phone':bol_phone,
                    'i_id':i_id,
                    'now_status':3
                },
                success:function (data) {
                    if(data.code ==200){
                        window.location.href = '/wx/insurant/step_4?i_id='+i_id;
                    }else{
                        $.alert(data.msg);
                    }
                }
            });
            // window.location.href = '/wx/Insurant/step_4?i_id='+i_id;
        });
        $("#bol_days").picker({
            toolbarTemplate: '<header class="bar bar-nav">\
                                <button class="button button-link pull-right close-picker">确定</button>\
                                <h1 class="title">选择看货要求</h1>\
                                </header>',
            cols: [
                {
                    textAlign: 'center',
                    values: arr
                }
            ]
        });
        $("#bol_address").cityPicker({
            toolbarTemplate: '<header class="bar bar-nav">\
                    <button class="button button-link pull-right close-picker">确定</button>\
                    <h1 class="title">提货时限</h1>\
                    </header>'
        });

    });
    </script>
</body>

</html>